<template>
  <a-drawer title="小区信息" :maskClosable="false" width=650 placement="right" :closable="true" @close="close"
    :visible="communityInfoVisiable" style="height: calc(100% - 55px);overflow: auto;padding-bottom: 53px;">
    <p>
      <a-icon type="crown" />&nbsp;&nbsp;小区名称：{{communityInfoData.commName}}</p>
    <p>
      <a-icon type="crown" />&nbsp;&nbsp;小区地址：{{communityInfoData.address}}</p>
    <p :title="communityInfoData.remark">
      <a-icon type="book" />&nbsp;&nbsp;描述：{{communityInfoData.remark}}</p>
    <p>
      <a-icon type="clock-circle" />&nbsp;&nbsp;创建时间：{{roleInfoData.createTime}}</p>
  </a-drawer>
</template>
<script>
  export default {
    name: 'CommunityInfo',
    props: {
      communityInfoVisiable: {
        require: true,
        default: false
      },
      communityInfoData: {
        require: true
      }
    },
    data() {
      return {
        key: +new Date(),
        loading: true,
        checkedKeys: [],
        menuTreeData: []
      }
    },
    methods: {
      close() {
        this.$emit('close')
        this.checkedKeys = []
      }
    }
  }

</script>
